
a
{
    color: #4f7ae8;
}
a:hover
{
    color: #333;
}

#bgr
{
    background-color: #f0f0f0;
    padding-bottom: 2px;
}


/* ================= General ================= */
.wrapper
{
    width: 980px;
    margin: 0px auto;
    padding: 0px 0px;
    background-color: #e6eaf0;
}

#main
{
    padding-bottom: 0px;
    border-bottom: 1px solid #D6D8D8;
    border-right: 1px solid #D6D8D8;
    border-left: 1px solid #D6D8D8;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 1px 0px #DFDFDF;
}

#sidebar
{
    border: 1px solid #D6D8D8;
    float: left;
    height: 555px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    width: 199px;
}

#page
{
    width: 775px;
    float: right;
    padding-right: 1px;
    position: relative;
}

.center980
{
    margin: 0px auto;
    width: 980px;
}

.content
{
    padding: 20px 24px;
    line-height: 17px;
}


/* ================= Header ================= */
#header
{
    height: 48px;
    background: url(../Images/header-bg.png) no-repeat;
    margin-left: -1px;
    margin-right: -1px;
}

#header .logo
{
    background: url(../Images/logo.png) no-repeat;
    width: 199px;
    float: left;
    text-align: center;
    padding-top: 48px;
}
#header .logo img:hover
{
    opacity: 0.9;
}

#notifications
{
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    padding-top: 7px;
    text-align: right;
    width: 557px;
}
#quickmenu
{
    width: 102px;
    float: left;
    padding-top: 18px;
}

.qbutton-left
{
    display: block;
    width: 42px;
    height: 25px;
    float: left;
    background: url(../Images/qbutton.png) no-repeat 0px 0px;
    text-align: center;
    position: relative;
    padding-top: 11px;
}
.qbutton-left:hover
{
    background: url(../Images/qbutton.png) no-repeat 0px -36px;
}

.qbutton-normal
{
    display: block;
    width: 42px;
    height: 25px;
    float: left;
    background: url(../Images/qbutton.png) no-repeat -42px 0px;
    text-align: center;
    position: relative;
    padding-top: 11px;
}
.qbutton-normal:hover
{
    background: url(../Images/qbutton.png) no-repeat -42px -36px;
}

.qbutton-right
{
    display: block;
    width: 43px;
    height: 25px;
    float: left;
    background: url(../Images/qbutton.png) no-repeat -84px 0px;
    text-align: center;
    position: relative;
    padding-top: 11px;
}
.qbutton-right:hover
{
    background: url(../Images/qbutton.png) no-repeat -84px -36px;
}

.qballon
{
    background: url(../Images/qballon.png) no-repeat;
    width: 19px;
    height: 21px;
    display: block;
    text-align: center;
    color: #FDEDEC;
    font-size: 10px;
    position: absolute;
    top: -12px;
    padding-top: 4px;
    right: 2px;
}

/* ================= Profilebox ================= */
#profilebox
{
    background: url(../Images/profileboxbg.png) no-repeat;
    float: right;
    height: 30px;
    margin: 8px 14px 0px 0px;
    position: relative;
    text-align: right;
    width: 210px;
}
#profilebox .display
{
    display: block;
    font-size: 12px;
    color: #A5C6EC;
}
#profilebox .display:hover
{
    text-decoration: none;
}
#profilebox .display img
{
    border: 1px solid #1D4E76;
    float: left;
}
#profilebox .display b
{
    display: block;
    color: #fff;
}
#profilebox .display span
{
    background: url(../Images/arrow-down.png) no-repeat right;
    padding-right: 2px;
}

#profilebox .display:hover, #profilebox:hover
{
    background: url(../Images/profileboxbg-hover.png) no-repeat;
}

#profilebox:hover .profilemenu, .profilemenu:hover
{
    display: block;
}
.profilemenu
{
    display: none;
    background: #3C81B5;
    border: 1px solid #1C4D78;
    border-top: none;
    padding-top: 3px;
    margin-top: -3px;
    position: relative;
    z-index: 1000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.profilemenu a
{
    display: block;
    font-size: 11px;
    color: #A5C6EC;
    padding: 10px 7px;
}
.profilemenu a:hover
{
    text-decoration: none;
    color: #fff;
    background: #306997;
}

/* ================= Simple Box ================= */
.simplebox
{
}
.simplebox .titleh
{
    border: 1px solid #CBDAE8;
    background: url(../Images/simplebox-title-bg.png) repeat-x bottom;
    height: 40px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
}
.simplebox .padding-in
{
    padding: 10px;
    line-height: 18px;
}
.simplebox .titleh h3
{
    font-size: 12px;
    color: #225983;
    padding: 13px 0 0 15px;
}
.simplebox .shortcuts-icons
{
    position: absolute;
    display: block;
    text-align: right;
    right: 10px;
    top: 8px;
}
.simplebox .shortcuts-icons a
{
    opacity: 0.8;
}
.simplebox .body
{
    border: 1px solid #CBDAE8;
    border-top: none;
    color: #748897;
    box-shadow: 0px 1px 0px #eee;
    background: #fff url(../Images/simplebox-dot.png) repeat-x top;
}
.simplebox .button-box
{
    border-top: 1px solid #E6EDF4;
    background: #FDFDFD url(../Images/simplebox-dot.png) repeat-x top;
    padding: 15px 180px;
}


/* ================= Searchbox ================= */
#searchbox
{
    display: block;
    background: url(../Images/searchbox-bg.png) repeat-x bottom;
    height: 65px;
}
#searchbox .in
{
    padding: 15px 0 0 9px;
}
#searchbox .input
{
    background: url(../Images/searchbox.png) no-repeat;
    width: 131px;
    border: none;
    font: 13px Arial, Helvetica, sans-serif;
    color: #999;
    padding: 9px;
    padding-left: 30px;
}
#searchbox .input-hover
{
    background: url(../Images/searchbox-hover.png) no-repeat;
    width: 131px;
    border: none;
    font: 13px Arial, Helvetica, sans-serif;
    color: #666;
    padding: 9px;
    padding-left: 30px;
}

/* ================= Sidemenu ================= */
#sidemenu
{
    padding: 2px 0px;
    border-left: 1px solid #F6F7F9;
}
#sidemenu ul
{
    font-size: 16px;
    line-height: 21px;
}
#sidemenu li
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 199px;
    
}
#sidemenu a
{
    display: block;
    border-top: 1px solid #F6F7F9;
    border-bottom: 1px solid #F6F7F9;
    border-right: 1px solid #F6F7F9;
}
#sidemenu a img
{
    margin-bottom: -4px;
    margin-right: 9px;
}
#sidemenu a:hover
{
    text-decoration: none;
    background: #63f7ff;
    color: #ff0040;
    border-top: 1px solid #DCE7F0;
    border-bottom: 1px solid #DCE7F0;
}

#sidemenu .ballon
{
    background: #94B5CF;
    margin-left: 6px;
    border-radius: 19px;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    color: #fff;
    position: absolute;
    border: 1px solid #739BBF;
    box-shadow: 0px 1px 0px #fff;
    right: 9px;
    top: 11px;
    padding: 1px 5px;
}
#sidemenu li a:hover .ballon
{
    background: #799FC1;
    color: #fff;
    border: 1px solid #5384B0;
}
#sidemenu .active a
{
    background: #fff;
    border-top: 1px solid #DFDFDF;
    margin-right: -1px;
    position: relative;
    border-bottom: 1px solid #DFDFDF;
    color: #2C71A5;
}
#sidemenu .active a .ballon
{
    top: 10px;
    right: 10px;
}

/* Submenu */
.submenu
{
    padding: 0px;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 6px;
    display: none;
    background: #F4F4F4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #737F89;
}
#sidemenu .submenu a
{
    padding: 5px 12px 5px 40px;
    font-size: 11px;
}
#sidemenu .submenu img
{
    margin-right: 8px;
}
#sidemenu .submenu .ballon
{
    top: 7px;
}
.submenu .action
{
    position: relative;
}
.subtitle .action .arrow
{
    position: absolute;
    right: 10px;
    top: 18px;
}



/* ================= Stats ================= */
#stats
{
    display: none;
    height: 65px;
    padding-left: 20px;
    background: #FFFADF url(../Images/stats-bg.png) repeat-x bottom;
}
#stats .column
{
    width: 150px;
    text-align: center;
    float: left;
    color: #9B936A;
    font-size: 11px;
    margin-top: 9px;
    padding: 2px 0px;
    border-right: 1px solid #F0E5BC;
}
#stats .column b
{
    font-size: 22px;
    display: block;
    color: #474643;
    letter-spacing: -0.1px;
    padding-bottom: 5px;
}
#stats .last
{
    border-right: none;
}
#stats .column .up
{
    color: #488D46;
}
#stats .column .down
{
    color: #D73535;
}
#stats .close
{
    background: url(../Images/icons/mini/close-stats.png) no-repeat center;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 0px;
    top: 0px;
}
#stats .close:hover
{
    background: url(../Images/icons/mini/close-stats-hover.png) no-repeat center;
}
#stats .arrow
{
    position: absolute;
    right: 186px;
    top: -9px;
}


/* ================= Page Title ================= */
.page-title
{
    background: url(../Images/page-title-minidot.png) repeat-x bottom;
    border-bottom: 1px solid #D1D3D3;
    height: 63px;
}
.page-title .in
{
    padding: 0px 24px;
}
.page-title .titlebar
{
    color: #83929F;
    font-size: 11px;
    width: 480px;
    float: left;
    padding-top: 14px;
}
.page-title .titlebar h2
{
    color: #364656;
    font-size: 16px;
    height: 24px;
}
.page-title .shortcuts-icons
{
    width: 250px;
    float: right;
    padding-top: 19px;
}

/* ================= Shortcut ================= */
.shortcut
{
    background: url(../Images/shortcut-normal.png) no-repeat top left;
    width: 25px;
    display: block;
    height: 26px;
    float: left;
    margin-left: 5px;
}
.shortcut:hover
{
    background: url(../Images/shortcut-hover.png) no-repeat top left;
}
.shortcuts-icons a
{
    float: right;
}


/* ================= Simple Box ================= */
.simplebox
{
}
.simplebox .titleh
{
    border: 1px solid #CBDAE8;
    background: url(../Images/simplebox-title-bg.png) repeat-x bottom;
    height: 40px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
}
.simplebox .padding-in
{
    padding: 10px;
    line-height: 18px;
}
.simplebox .titleh h3
{
    font-size: 12px;
    color: #225983;
    padding: 13px 0 0 15px;
}
.simplebox .shortcuts-icons
{
    position: absolute;
    display: block;
    text-align: right;
    right: 10px;
    top: 8px;
}
.simplebox .shortcuts-icons a
{
    opacity: 0.8;
}
.simplebox .body
{
    border: 1px solid #CBDAE8;
    border-top: none;
    color: #748897;
    box-shadow: 0px 1px 0px #eee;
    background: #fff url(../Images/simplebox-dot.png) repeat-x top;
}
.simplebox .button-box
{
    border-top: 1px solid #E6EDF4;
    background: #FDFDFD url(../Images/simplebox-dot.png) repeat-x top;
    padding: 15px 180px;
}


/* ================= Footer ================= */
#footer
{
    color: #3b93eb;
    font-size: 12px;
    line-height: 0;
    padding-left: 20px;
    padding-right: 20px;
    background: url(../Images/title-bg.png) repeat;
    border: 1px solid #D6D8D8;
    margin-bottom: 0px;
    margin-left: -1px;
    margin-right: -1px;
}
#footer .left-column
{
    float: left;
    padding-left: 154px;
    text-align: center;
    width: 660px;
    color: Black;
}
#footer .right-column
{
    float: right;
    width: 280px;
    text-align: right;
}



